.header > .content{  
    width: 100%;
    height: 106px;
    padding-left:24px ;
    padding-top: 24px;
    padding-right: 12px;
    padding-bottom: 18px;
    box-sizing: border-box;

    background-color: rgba(7, 17, 27, .5);

    display: flex;
    position: relative;
}
.header > .content > .content_btn{
   width: 60px;
   height: 24px;
   position: absolute;
   right: 15px;
   bottom: 13px;
   text-align: center;
   line-height: 24px;
   border-radius: 10px;
   background-color: rgba(0,0,0,.2);

   font-size: 10px;
   color: rgba(255,255,255);
   font-weight: 200;
}
.header > .content > .content_btn .arrows{
    position: relative;
    top: 1px;
}
.header > .content > .content_avator{
    width: 64px;
    height: 64px;
    margin-right: 16px;
    background-image: url("https://fuss10.elemecdn.com/8/40/02872ce8aefe75c16d3190e75ad61jpeg.jpeg");
    background-size: 100% 100%;
}
.header > .content > .content_info{
    flex: 1;
}


.header > .content > .content_info > .info_title{
    font-size: 16px;
    color: rgba(255,255,255);
    font-weight: bold;
    line-height: 18px;
    margin-top: 2px;
    margin-bottom: 8px;
    display: flex;
}
.header > .content > .content_info > .info_dispatch{
    font-size: 12px;
    color: rgba(255,255,255);
    font-weight: 200;
    line-height: 12px;
}
.header > .content > .content_info > .info_support{
    font-size: 10px;
    color: rgba(255,255,255);
    font-weight: 200;
    line-height: 12px;
    margin-top: 10px;
    margin-bottom: 2px;
    display: flex;
}

.header > .content > .content_info > .info_title > .title_img{
    width: 30px;
    height: 18px;
    margin-right: 6px;
    background-image: url("../img/brand@2x.png");
    background-size: 100% 100%;
}
.header > .content > .content_info > .info_support > .support_img{
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("../img/decrease_1@2x.png");
    background-size: 100% 100%;
}